<template>
    <div class="canvas" v-icanva v-iedit>
        <component :is="dragdrop.components" v-model="value.slot[i]" v-for="(dragdrop,i) in value.slot" :key="i"></component>
    </div>
</template>
<script type="text/javascript">
export default {
    props: {
        value: {
            type: [Array, Object]
        }
    },
    computed: {
        data() {
            return this.value
        }
    },
    /**
     * 页面加载执行
     * @return {[type]} [description]
     */
    mounted() {
        console.log("页面加载", this);
    }
}
</script>
<style type="text/css" lang="scss">
.canvas{
    min-height: 100px;
    padding-top: 0.5px;
}
</style>